<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>容器标签</title>
    <style>span{
        background-color: burlywood;
    }</style>
  </head>
  <body>
    <!-- 快速生成测试文本
    lorem + 数字 + tab
    lorem + tab 
    -->
    <!-- 容器标签 div
     双标签
     占一行
      -->
    <div>
      Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ipsa possimus
      inventore quas dolorum eveniet. Commodi accusantium dolores sapiente
      impedit deleniti enim est totam architecto ratione officia! Sit quibusdam
      enim rerum deleniti autem vel suscipit? Dicta earum libero odit ullam
      pariatur sint, numquam reprehenderit sed ipsum harum quod cum iure.
      Praesentium. Lorem ipsum dolor sit amet consectetur adipisicing elit.
      Possimus debitis harum optio.
    </div>
    <div>
        <!-- 容器组件 span
        双标签， 给了之后不会有外观的变化
        除非自定义样式 
        -->
      Voluptatum, <span>sapiente</span>. Maiores, distinctio cumque consectetur perspiciatis
      corporis quis nisi iste magnam vel sapiente repudiandae veritatis amet
      consequatur?
    </div>
  </body>
</html>
